<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        var nums = [11,9,2,8,12,5,3,19,40,6,17,38];

        //知识点1 : 两个数字比较  if
        //     2 :　两个数字交换　引入第三个变量　var temp = num1 num1 = num2 num2 = temp2
        //     3 :  好几轮  循环    嵌套循环 外边的循环  行  总共需要几轮
        //     4 :  每一轮好多次  循环  嵌套循环 里边的循环   列 每一轮多少次
        // 12个数字 最多 11轮 就可以搞定 
        // 每一轮 最多 11次搞定  

        // 每次循环做的事情  两个数字比较 满足条件 交换  
        // 下一轮比上一轮少一次 (因为每一轮都能拿到最大值 下一轮就可以少一次) 
        for(var i=0;i<nums.length-1;i++){  //最多11轮  0~10 加起来= 11
            for(var j=0;j<nums.length-1-i;j++){ // 每一轮最多11次 0~10
                // 每一轮少i次 
                // 0 1 2 3 4 ...10 j是数组的下标 
                if(nums[j]>nums[j+1]){
                    var temp = nums[j];
                    nums[j] = nums[j+1] 
                    nums[j+1] = temp;
                }

            }
            document.write(`第${i+1}轮`+nums+'<br / >');
        }
        document.write(`最后的结果是${nums}`);

        //                    i
        // 第一轮 i = 0     少0次
        // 第二轮 i = 1    少1次
        // 第三轮 i = 2     少2次
        // 第4轮 i = 3     少3次
        // 第5轮 i = 4     少4次
        // 第6轮 i = 5     少5次
        // 第7轮 i = 6     少6次
        // 第8轮 i = 7     少7次
        // 第9轮 i = 8     少8次
        // 第10轮 i = 9     少9次
        // 第11轮 i = 10      少10次
        
        /* 
            双重for循环  一层少一次 
            里层减外层   变量想交换 
        
        */

    </script>
</body>
</html>